<!DOCTYPE html>
<html>
<head>
	<title>上传头像</title>
	<link rel="stylesheet" type="text/css" href="__CSS__/main.css">
</head>
<body style="margin: 0 auto;">
<!-- 导航栏区域 -->
<div id="nav_div">
	<!-- logo -->
	<img id="logo" src="__IMG__/logo.png">
	<!-- 导航 -->
	<ul>
		<li><a href="{:url('index/index')}">首页</a></li>
		<li onmouseover="hide()" onmouseout="Hide()" style="height:60px;">
				<a href="{:url('index/view')}">论坛</a>
			</li>
		<li><a href="#">教程</a></li>
		<li><a href="#">讨论</a></li>
		<li><a href="#">博客</a></li>
		<li style="width: 65px;">
			<a href="#" style="color: #6FB737;">联系我们</a>
		</li>
		<li style="margin-right: 28px;">
			<a href="#" style="color: #43a4e9;">ThinkAPI</a>
		</li>
		<li><a href="{:url('index/logOut')}">注销</a></li>
	</ul>
	<!-- 搜索 -->
	<div>
		<form action="">
			<div class="wel">
				<p class="welcome">欢迎你：</p>
				<span style="color: #fff;font-size: 13px;margin-top: 26px;margin-right: 10px;">{:session('uNick')}</span>
				<img id="user_head" src="__ME__/{:session('uImg')}" alt="" style="width:26px;height:26px;">
			</div>
		</form>
		<div id="pulldown" onmouseover="pullDown()" onmouseout="pulldown()">
			<img id="user" src="__IMG__/user.png">
			<img id="dropdown" src="__IMG__/dropdown.png">
		</div>
		<!-- 下拉框 -->
		<div id="hide_div" style="display: none;margin-left: 64px !important;margin-top: 6px !important;position: absolute;left: 71%;top: 90%;" onmouseover="pullDown()" onmouseout="pulldown()">
			<div><a href="{:url('user/login')}">登录</a></div>
			<div><a href="{:url('user/reg')}">注册</a></div>
			<div><a href="{:url('index/changePa')}">修改密码</a></div>
			<div><a href="{:url('index/me')}">上传头像</a></div>
		</div>
	</div>

	<!-- 论坛下拉框 -->
	<div id="hide" onmouseover="hide()" onmouseout="Hide()" style="display: none;">
		<div><a href="{:url('index/view')}" class="hide_href" style="padding: 5px 20px 5px 30px;">全部</a></div>
		{volist name="sec" id="secRow"}
		<div><a href="" class="hide_href">{$secRow.s_name}</a></div>
		{/volist}
	</div>
</div>

<!-- 内容区域 -->
<!-- 内容区域 -->
<div id="me_div" style="border: 0;height: none;">
	<!-- 左部区域 -->
	<div class="post_con_left">
		<div class="left_info">
			<img src="__ME__/{:session('uImg')}" alt="" class="left_img">
			<div class="left_right">
				<div>
					<span style="font-weight: bold;">{:session('uNick')}</span>
					<span style="margin-left: 8px;color: #C0C0C0C0">{:date("Y-m-d H:i")}</span>
				</div>
				<div style="color: #C0C0C0;margin-top: 5px;">用户上传头像</div>
			</div>
		</div>
		<form action="{:url('index/upMe')}" method="post" enctype="multipart/form-data">
			<ul class="left_ul">
				<li class="left_li">
					<div class="left_head">选择头像</div>
					<input type="file" name="uimg">
				</li>
				<li>
					<input type="submit" value="提交" class="left_sub">
				</li>
			</ul>
		</form>
	</div>

	<!-- 右部区域 -->
	<div class="post_con_right">
		<div class="post_right_fir">
			<div class="post_right_top">上传限制</div>
			<ul>
				<li>格式：仅支持gif、jpg和png格式；</li>
				<li style="margin-top: 5px;">大小：不超过100KB；</li>
			</ul>
		</div>
	</div>
</div>

</body>
</html>
<script type="text/javascript">
// 登录注册下拉框
	// 显示下拉框
	function pullDown(){
		var show_div = document.getElementById('hide_div');
		if (show_div.style.display == 'none') {
			show_div.style.display = 'block';
		}
	}
	// 隐藏下拉框
	function pulldown(){
		var show_div = document.getElementById('hide_div');
		if (show_div.style.display == 'block') {
			show_div.style.display = 'none';
		}
	}
	// 显示论坛下拉框
	function hide(){
		var hide=document.getElementById('hide');
		if (hide.style.display=='none') {
			hide.style.display='block';
		};

	}
	// 隐藏论坛下拉框
	function Hide(){
		var hide=document.getElementById('hide');
		if (hide.style.display=='block') {
			hide.style.display='none';
		};
	}
</script>